<template>
  <div class="list-wrapper" >
      <ul class="holiday-list">
        <card-item
         v-for="(item,index) of data"
         :key="index"
         :item="item"
        />    
      </ul>
  </div>
</template>

<script>
import CardItem from './Yearitem'
export default {
    name: 'CardList',
    props:{
        data: Array
    },
    components:{
        CardItem 
    }

}
</script>

<style>

</style>